*, ::before, ::after{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.bottom-5{
  bottom:1.25rem
}

.left-0{
  left:0px
}

.right-0{
  right:0px
}

.top-0{
  top:0px
}

.z-10{
  z-index:10
}

.m-5{
  margin:1.25rem
}

.mb-4{
  margin-bottom:1rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-2{
  margin-top:0.5rem
}

.mr-1\.5{
  margin-right:0.375rem
}

.mr-1{
  margin-right:0.25rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-3{
  margin-right:0.75rem
}

.flex{
  display:flex
}

.grid{
  display:grid
}

.h-screen{
  height:100vh
}

.h-8{
  height:2rem
}

.h-10{
  height:2.5rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-none{
  flex:none
}

.rotate-180{
  --tw-rotate:180deg;
  -webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.flex-row{
  flex-direction:row
}

.flex-col{
  flex-direction:column
}

.items-center{
  align-items:center
}

.justify-center{
  justify-content:center
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-tl-xl{
  border-top-left-radius:0.75rem
}

.rounded-br-xl{
  border-bottom-right-radius:0.75rem
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.p-5{
  padding:1.25rem
}

.pt-16{
  padding-top:4rem
}

.pr-5{
  padding-right:1.25rem
}

.pl-3{
  padding-left:0.75rem
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity))
}

.underline{
  -webkit-text-decoration-line:underline;
          text-decoration-line:underline
}

.no-underline{
  -webkit-text-decoration-line:none;
          text-decoration-line:none
}

.filter{
  -webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

*{
  line-height:1
}

body{
  margin:0 auto;
  padding:0;
  background:#fafafa;
  max-width:420px;
}

:root:root{
  --text-primary-color: #1F2120;
  --text-second-color: #666666;
  --text-three-color: #999999;
  --second-bg:#FE3D54
  
}

.text-color-white{
  color:white
}

div{
  line-height:1
}

.adm-nav-bar{
  background:white
}

.nav-bg.adm-nav-bar{
  background:#fafafa
}

.nav-bg .adm-nav-bar-back-arrow{
  color: var(--text-primary-color);
}

.adm-nav-bar-back-arrow{
  font-size:20px;
}

.bg-transparent .adm-nav-bar-back-arrow{
  color: white;
}

.text-primary{
  color: var(--text-primary-color);
}

.text-second{
  color: var(--text-second-color);
}

.text-three{
  color: var(--text-three-color);
}

.price{
  color: var(--second-bg);
}

.text-10{
  font-size:10px;
}

.text-13{
  font-size:13px;
}

.text-17{
  font-size:17px;
}

.text-19{
  font-size:19px;
}

.adm-auto-center-content{
  word-break: break-word;
}

.adm-list-default .adm-list-body{
  background-color: transparent;
}

.adm-swiper-indicator .adm-page-indicator{
  --active-dot-color: white;
  --dot-size: 5px;
  --active-dot-border-radius: 20px;
  --dot-color: white;
  --active-dot-size: 17px;
  --dot-border-radius:50%;
}

.border-top{
  border-top:1px solid #E9E9E9
}

.border-bottom{
  border-bottom:1px solid #E9E9E9
}